<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>游戏</title>
  <link rel="stylesheet" href="/css/bootstrap.min.css">
  <link rel="stylesheet" href="/css/swiper-bundle.min.css">
  <link rel="stylesheet/less" href="/css/reset.less">
  <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_4677206_69b6y8txmjy.css">
  <link rel="stylesheet/less" href="/css/common.less">
  <link rel="stylesheet/less" href="/css/game.less">
</head>

<body>
  <div id="gameB">
    <nav class="navbar navbar-inverse nav-bg">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <!-- logo -->
          <a class="navbar-brand logo" href="#"> <img src="/imagess/图层 2.png" alt=""></a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
            <li><a href="index.html">首页</a></li>
            <li><a href="LayaFamily.html">Laya家族</a></li>
            <li class="active"><a href="game.html">游戏</a></li>
            <li><a href="news.html">新闻动态</a></li>
            <li><a href="#">开发者中心</a></li>
            <li><a href="#">开发者社区</a></li>
            <li><a href="#">开放平台</a></li>
            <li><a href="about.html">关于我们</a></li>
          </ul>

          <ul class="nav navbar-nav navbar-right">
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                aria-expanded="false">Language <span class="caret"></span></a>
              <ul class="dropdown-menu menu-bg">
                <li><a href="#">中文简体</a></li>
                <li><a href="#">中文繁体</a></li>
                <li><a href="#">English</a></li>
              </ul>
            </li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </div>
    </nav>

    <div id="game">
      <div class="swiper game-swiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <div class="type">
              <img src="/images/上吧主人公.png">
            </div>
          </div>

          <div class="swiper-slide">
            <div class="type">
              <img src="/images/上吧主人公.png">
            </div>
          </div>
        </div>

        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
      </div>

      <div class="team1">
        <div class="left">
          <div class="hot">
            <p>热<span>门</span></p>
            <div class="sanjiao"></div>
          </div>
          <img src="images/图层 56.png" alt="">
        </div>

        <div class="right">
          <div class="one">
            <p>猎刃2</p>
          </div>
          <div class="two">
            <p>2015年Q版魔幻手游诚心之作,超魔幻ARPG之作!!!无可挑剔的简单操作，无与伦比的爽快打击感，无处不在的惊
              喜！无穷无尽的回忆!全部技能100%还原，高清华丽特效，体验视觉盛宴；超写实画风，完美重现经典副本；让我们一
              起来，挑战恶魔，乱斗魔兽！</p>
          </div>
          <div class="three">
            <div class="pic"><img src="/images/game_图层 57.png" alt=""></div>
            <div class="pic"><img src="/images/game_图层 57.png" alt=""></div>
            <div class="pic"><img src="/images/game_图层 57.png" alt=""></div>
            <div class="pic"><img src="/images/game_图层 57.png" alt=""></div>
          </div>
        </div>
      </div>

      <div class="team2">
        <div class="left">
          <div class="one">
            <p>上吧主公</p>
          </div>
          <div class="two">
            <p>《上吧主公》是一款以三国为背景Q版卡牌游戏，游戏与普通三国题材不同，它以萌萌哒猫咪为三国众名将构筑出别具一
              格的游戏世界观。画面Q萌，技能华丽炫酷，集养成 、 收集 、策略 、卡牌于一体。三国初始群雄争霸，奇妙的名将会帮
              你掌握胜算左右战况。</p>
          </div>
          <div class="three">
            <div class="pic"><img src="/images/game_图层 57.png" alt=""></div>
            <div class="pic"><img src="/images/game_图层 57.png" alt=""></div>
            <div class="pic"><img src="/images/game_图层 57.png" alt=""></div>
            <div class="pic"><img src="/images/game_图层 57.png" alt=""></div>
          </div>
        </div>

        <div class="right">
          <img src="images/game_图层 62.png" alt="">
        </div>
      </div>

      <div class="team3">
        <div class="tips">更多案例</div>
        <div class="type">
          <div class="types">
            <div class="pic">
              <img src="images/图层 80.png" alt="">
              <div class="hezi">
                <p>
                  你说的对，但是《原神》是由米哈游自主研发的一款全新开放世界冒险游戏。游戏发生在一个被称作「提瓦特」的幻想世界，在这里，被神选中的人将被授予「神之眼」，导引元素之力。你将扮演一位名为「旅行者」的神秘角色，在自由的旅行中邂逅性格各异、能力独特的同伴们，和他们一起击败强敌，找回失散的亲人——同时，逐步发掘「原神」的真相。
              </div>
            </div>
            <p>魔卡幻想</p>
          </div>

          <div class="types">
            <div class="pic">
              <img src="images/图层 80.png" alt="">
            </div>
            <p>魔卡幻想</p>
          </div>

          <div class="types">
            <div class="pic">
              <img src="images/图层 80.png" alt="">
            </div>
            <p>魔卡幻想</p>
          </div>

          <div class="types">
            <div class="pic">
              <img src="images/图层 80.png" alt="">
            </div>
            <p>魔卡幻想</p>
          </div>

          <div class="types">
            <div class="pic">
              <img src="images/图层 80.png" alt="">
            </div>
            <p>魔卡幻想</p>
          </div>

          <div class="types">
            <div class="pic">
              <img src="images/图层 80.png" alt="">
            </div>
            <p>魔卡幻想</p>
          </div>

          <div class="types">
            <div class="pic">
              <img src="images/图层 80.png" alt="">
            </div>
            <p>魔卡幻想</p>
          </div>

          <div class="types">
            <div class="pic">
              <img src="images/图层 80.png" alt="">
            </div>
            <p>魔卡幻想</p>
          </div>

          <div class="types">
            <div class="pic">
              <img src="images/图层 80.png" alt="">
            </div>
            <p>魔卡幻想</p>
          </div>

          <div class="types">
            <div class="pic">
              <img src="images/图层 80.png" alt="">
            </div>
            <p>魔卡幻想</p>
          </div>

          <div class="types">
            <div class="pic">
              <img src="images/图层 80.png" alt="">
            </div>
            <p>魔卡幻想</p>
          </div>

          <div class="types">
            <div class="pic">
              <img src="images/图层 80.png" alt="">
            </div>
            <p>魔卡幻想</p>
          </div>

          <div class="types">
            <div class="pic">
              <img src="images/图层 80.png" alt="">
            </div>
            <p>魔卡幻想</p>
          </div>

          <div class="types">
            <div class="pic">
              <img src="images/图层 80.png" alt="">
            </div>
            <p>魔卡幻想</p>
          </div>

          <div class="types">
            <div class="pic">
              <img src="images/图层 80.png" alt="">
            </div>
            <p>魔卡幻想</p>
          </div>

          <div class="types">
            <div class="pic">
              <img src="images/图层 80.png" alt="">
            </div>
            <p>魔卡幻想</p>
          </div>

          <div class="types">
            <div class="pic">
              <img src="images/图层 80.png" alt="">
            </div>
            <p>魔卡幻想</p>
          </div>

          <div class="types">
            <div class="pic">
              <img src="images/图层 80.png" alt="">
            </div>
            <p>魔卡幻想</p>
          </div>

          <div class="types">
            <div class="pic">
              <img src="images/图层 80.png" alt="">
            </div>
            <p>魔卡幻想</p>
          </div>

          <div class="types">
            <div class="pic">
              <img src="images/图层 80.png" alt="">
            </div>
            <p>魔卡幻想</p>
          </div>

          <div class="types">
            <div class="pic">
              <img src="images/图层 80.png" alt="">
            </div>
            <p>魔卡幻想</p>
          </div>
        </div>
      </div>
    </div>

    <div id="footer">
      <div class="footer-box">
        <div class="left">
          <div class="up">
            <p>公司简介</p>
            <p>联系方式</p>
            <p>人才招聘</p>
          </div>
          <div class="down">
            All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1
          </div>
        </div>
        <div class="right">
          <div class="icon"><i class="iconfont icon-pengyouquan-copy"></i></div>
          <div class="icon"><i class="iconfont icon-dingding"></i></div>
          <div class="icon"><i class="iconfont icon-wenjian"></i></div>
          <div class="code">
            <img src="/images/图层 53.png" alt="">
          </div>
        </div>
      </div>
    </div>
    
  </div>
</body>

</html>
<script src="/js/jquery-3.7.1.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="js/swiper-bundle.min.js"></script>
<script src="/js/less.min.js"></script>
<script>
  var teamSwiper = new Swiper('.game-swiper', {
    loop: true, // 循环模式选项

    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
    },

    // 如果需要前进后退按钮
    // navigation: {
    //     nextEl: '.swiper-button-next',
    //     prevEl: '.swiper-button-prev',
    // },
  })

</script>